﻿<phone:PhoneApplicationPage 
    x:Class="CarBloke.Pages.VehiclePage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="Root">

        <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="75,300,75,25" Background="{StaticResource PhoneAccentBrush}" Opacity=".5">
            <Border.OpacityMask>
                <ImageBrush x:Name="BackgroundImageBrush" Stretch="Uniform" ImageSource="/Images/dragon.png"/>
            </Border.OpacityMask>
        </Border>
        <!--<Image Width="Auto" Height="Auto" Source="/Images/dragon.png" Opacity=".4" />-->
        
        
        <Grid Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <TextBlock x:Name="VehicleYear" Grid.Row="0" Text="1999" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,-25,-15,0" Style="{StaticResource PhoneTextTitle1Style}" Opacity=".2" FontSize="125"/>
            
            <!--TitlePanel contains the name of the application and page title-->
            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
                <TextBlock x:Name="ApplicationTitle" Text="{Binding Path=Strings.ApplicationTitle, Source={StaticResource LanguageProvider}}" Style="{StaticResource PhoneTextNormalStyle}"/>
                <TextBlock x:Name="VehicleName" Text="chevy prizm" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
                <TextBlock x:Name="VehicleNotes" Text="my notes"  Margin="19,-7,0,0" Style="{StaticResource PhoneTextSmallStyle}" MaxHeight="75"/>
            </StackPanel>

            <!--ContentPanel - place additional content here-->

            <Grid Grid.Row="1" Margin="12,0,12,0">
                <Grid Margin="-12, 0, -12, 0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width=".3*"/>
                        <ColumnDefinition Width=".4*"/>
                        <ColumnDefinition Width=".3*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Border x:Name="currentDateBackground" Background="#55555555" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3"/>

                    <TextBlock Grid.Row="0" Grid.Column="0" x:Name="oneMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>                    
                    <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="oneEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="oneEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="0" Grid.Column="2" x:Name="oneCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="1" Grid.Column="0" x:Name="twoMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>                    
                    <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="twoEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="twoEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="1" Grid.Column="2" x:Name="twoCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="2" Grid.Column="0" x:Name="threeMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="threeEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="threeEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="2" Grid.Column="2" x:Name="threeCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="3" Grid.Column="0" x:Name="fourMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="3" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="fourEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="fourEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="3" Grid.Column="2" x:Name="fourCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="4" Grid.Column="0" x:Name="fiveMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="4" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="fiveEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="fiveEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="4" Grid.Column="2" x:Name="fiveCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="5" Grid.Column="0" x:Name="sixMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="5" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="sixEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="sixEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="5" Grid.Column="2" x:Name="sixCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="6" Grid.Column="0" x:Name="sevenMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="6" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="sevenEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="sevenEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="6" Grid.Column="2" x:Name="sevenCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="7" Grid.Column="0" x:Name="eightMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="7" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="eightEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="eightEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="7" Grid.Column="2" x:Name="eightCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="8" Grid.Column="0" x:Name="nineMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="8" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="nineEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="nineEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="8" Grid.Column="2" x:Name="nineCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="9" Grid.Column="0" x:Name="tenMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="9" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="tenEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="tenEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="9" Grid.Column="2" x:Name="tenCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="10" Grid.Column="0" x:Name="elevenMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="10" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="elevenEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="elevenEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="10" Grid.Column="2" x:Name="elevenCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                    <TextBlock Grid.Row="11" Grid.Column="0" x:Name="twelveMonth" HorizontalAlignment="Left" Margin="30, 0, 10, 0" Style="{StaticResource PhoneTextAccentStyle}"/>
                    <StackPanel Grid.Row="11" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                        <TextBlock x:Name="twelveEfficiency" Margin="10, 0, 8, 0" Style="{StaticResource PhoneTextTitle3Style}"/>
                        <TextBlock x:Name="twelveEfficiencyUnits" Margin="0, 0, 10, 2" Style="{StaticResource PhoneTextSmallStyle}" VerticalAlignment="Bottom"/>
                    </StackPanel>
                    <TextBlock Grid.Row="11" Grid.Column="2" x:Name="twelveCost"  HorizontalAlignment="Right" Margin="10, 0, 30, 0" Style="{StaticResource PhoneTextTitle3Style}"/>

                </Grid>

                <Grid VerticalAlignment="Bottom">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="75"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Center">
                        <TextBlock x:Name="FuelEfficiency" Text="21.25" FontSize="120"/>
                        <TextBlock x:Name="FuelEfficiencyUnits" Text="mpg" Style="{StaticResource PhoneTextLargeStyle}" Margin="10, 0, 0, 30" VerticalAlignment="Bottom"/>
                    </StackPanel>
                </Grid>                                
            </Grid>
            
        </Grid>
    </Grid>

    <!-- ApplicationBar -->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbar_logButton" IconUri="/Images/AppBar/edit.png" Text="log" Click="appbar_logButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_infoButton" IconUri="/Images/AppBar/graph.png" Text="stats" Click="appbar_infoButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="editMenuItem" Text="Edit" Click="editMenuItem_Click"/>
                <shell:ApplicationBarMenuItem x:Name="deleteMenuItem" Text="Delete" Click="deleteMenuItem_Click"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>
